body,html{
	width: 100%;
	height: 100%;
}
.chatPageBox{
	/* padding-bottom: 1.5rem; */
    min-height: 100%;
}
.chatlistbox{
	display: flex;
    height: 1.3rem;
    align-items: center;
    width: 100%;
	margin-bottom: .03rem;
}
.chatlistavabox{
	position: relative;
	width: 1rem;
	height: 1rem;
}
.chatlistavabox .noreadbox{
	position: absolute;
    top: -.08rem;
    right: -.15rem;
}
.chatlistavabox .van-tag{
	padding: .07em .5em;
}
.avatar{
	width: 1rem;
	height: 1rem;
	object-fit: cover; 
	object-position: top;
	border-radius: .15rem;
}
.chatlist_rightbox{
	flex:1;
	height: 1.3rem;
	line-height: 1.3rem;
	border-bottom: 1px solid #f1f1f1;
	margin-left: .2rem;
	margin-left: .3rem;
	display: flex;
}
.chatlistmidbox{
    margin-right: .6rem;
}
.chatname{
	font-size: .4rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.otherbox{
	border-bottom: .3rem solid #e5e5e5;
	margin-bottom: .1rem;
	padding-top: 1rem;
}
.noborbottom{
	border-bottom: none;
}
.chatPageBox .van-button--default{
	border: none;
}
.chatPageBox .van-button__text{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
@keyframes fromtop{
	from{
		top: -8rem;
	}
	to{
		top: 1.2rem;
	}
}
.rightpopBox{
	position: absolute;
	width: 4rem;
	/* height: 4rem; */
	right: .1rem;
    top: 1.2rem;
	background-color: #4c4c4c;
	border-radius: .25rem;
	padding-bottom: .1rem;
	animation: fromtop .3s linear;
	-webkit-animation: fromtop .3s linear;
	-moz-animation: fromtop .3s linear;
	-ms-animation: fromtop .3s linear;
	-o-animation: fromtop .3s linear;
	/* overflow: hidden; */
}
.sangle{
    position: absolute;
    right: .2rem;
    top: -.38rem;
    width: 0;
    height: 0;
    border: 0.2rem solid;
    border-color: transparent transparent #4c4c4c;
}
.dingdan .addic{
	width: .5rem;
	height: .5rem;
}
.rightpopInner{
	height: 1.1rem;
	line-height: 1.1rem;
	align-items: center;
	display: flex;
	color: #fff;
	font-size: .4rem;
	border-radius: .25rem;
}
.rightpopInner:active{
	background-color: #3a3a3a;
}
.rightpopInner_img{
	width: 1.2rem;
	height: .8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.rightpopInner_text{
	flex:1;
	border-bottom: 1px solid #9c9c9c;
}
.righticon1{
    width: .55rem;
    height: .5rem;
}
.righticon2{
	width: .55rem;
	height: .55rem;
}
.rightpopBox .noborderb{
	border-bottom: none;
}
